import React from 'react';
import styles from './ballCartMore.module.scss';

interface IBall {
	ball: IPropsBall
}

interface IPropsBall {
	id: number;
  name: string;
  image: string;
  price: number;
  count: number;
  title: string;
  description: string;
  favorite?: boolean;
}

export const BallCartMore = ({ball}: IBall) => {
	return (
		<div className={styles.ball_cart}>
			<div>
				<div className={styles.img}>
					<img
						src={ball.image}
						width={500}
					/>
				</div>
				<div className={styles.price}>
					<p>Цена {ball.price} р</p>
				</div>
				<div className={styles.description}>
					<p className={styles.item}>Описание:</p>
					<p>{ball.title}</p>
				</div>
			</div>
		</div>
	);
};
